/*
* xxxx科技有限公司版权所有（）.
* Copyright (c) 2019, and/or its affiliates. All rights reserved.
* @Date: 2020.08.03 21:52.
* @Author
* @Description  支付页面页面
**/
<template>
  <div class="ca-payment center">
    <img class="ca-pay-img" src="../../assets/img/pay-error.png" />
    <p class="ca-status">支付中</p>
    <p class="ca-info">前往订单查看详细信息</p>

    <el-button @click="handleOrderClick" class="ca-btn" round type="primary">立即支付</el-button>
    <el-button @click="handleLookClick" class="ca-btn black" round>在逛逛</el-button>
  </div>
</template>

<script>
import { postData } from '@/api/'

export default {
  name: 'Payment',
  props: {},
  components: {},
  data() {
    return {
      form: {},

    }
  },
  watch: {},
  mounted() {
  },
  created() {
    window.onpopstate = function () {}
    //  this.postUpdate()
  },
  methods: {
    /**
     *@Description
     *@Param
     *@Return 订单.
     **/
    handleOrderClick() {
      this.$router.push({ name: 'UseList', params: { id: '123' } })
    },
    /**
     *@Description
     *@Param
     *@Return 在逛逛.
     **/
    handleLookClick() {
      this.$router.push({ name: 'Detail', params: { id: '123' } })
    },
    /**
     *@Description
     *@Param
     *@Return 数据更新.
     **/
    postUpdate() {
      postData().then(res => {
        console.log(res)
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.ca-payment {
}
.ca-pay-img {
  display: block;
  width: 80px;
  height: 80px;
  margin: 80px auto 25px auto;
}
/* 支付状态 提示 */
.ca-status {
  font-size: 24px;
}
.ca-info {
  margin-top: 15px;
  margin-bottom: 50px;
}
/* 按钮 */
.ca-btn {
  font-size: 18px;
  display: block;
  width: 50%;
  margin: 20px auto;
}
.black {
  color: #000;
}
</style>
